<template>
<nav-bar></nav-bar>
<!-- 吸顶头部 -->
<app-header-sticky></app-header-sticky>
<app-header></app-header>
<!-- 内容容器 -->
<div class="app-body">
  <!-- 二级路由 -->
  <router-view></router-view>
</div>
<app-footer></app-footer>
</template>

<script setup >
import NavBar from '@/components/navbar.vue'
import AppHeader from '@/components/app-header.vue'
import AppFooter from '@/components/app-footer.vue'
import appHeaderSticky from '@/components/app-header-sticky.vue'
import { useStore } from 'vuex'
const store = useStore()
store.dispatch('category/getList') // 发起请求

</script>

<style scoped lang='less'>
.app-body{
  min-height: 600px;
}
</style>
